<template>
<div class="aaa" v-show="this.pays">
   <div class="card">
        <img src="../assets/差.png" class="img1" @click="fanhui"><br>
        <img src="../assets/对勾.png" class="img2">
        <div class="a">支付成功，等待配送</div>       
   </div>
</div>
</template>
<script>
 import {mapState,mapGetters,mapMutations} from 'vuex'
    export default{
        data(){
            return{
               
            }
        },
        computed:{
            ...mapState(['pays','list','total','amount1','sales','cart'])
        },
        created(){
            console.log(this.list.cardImg)
      
        },
        methods:{
           fanhui(){
            this.list.push({cardName:this.sales.sales.name,cardState:'已完成',
            cardImg:[require('../assets/head3.jpg'),require('../assets/head3.jpg'),require('../assets/head3.jpg')],
           cardMonney:this.total,cardTotal:this.amount1})

            this.$router.push('/about')
           }
        }
    }
</script>
<style lang="scss" scoped>
.aaa{
        background-color: rgb(0,0,0,0.5);
        height: 100vh;
        width: 100vw;
        position:absolute;
}
    .card{
        width: 84vw;
        background-color:white;
        border-radius: 1.5vw;
        margin:0 auto;
        margin-top:37.5vh;
    }
    .a{
            font-size: 5.5vw;
            text-align: center;
            padding-top: 3vw;
            padding-bottom: 6vw;
    }
   .img1{
    width: 6vw;
    height: 6vw;
    margin-left: 72vw;
    margin-bottom: 3vw;
    padding-top: 5vw;
   }
   .img2{
    width:15vw;
    height:15vw;
    margin-left: 34.5vw;
   }
</style>